import type { Form } from "@/base-ui/form/types"

export const formConfig: Form = {
  // 表单数据
  formItems: [
    {
      field: "id",
      type: "input",
      label: "ID",
      placeholder: "请输入ID"
    },
    {
      field: "permName",
      type: "input",
      label: "权限名称",
      placeholder: "请输入权限名称"
    },
    {
      field: "menu",
      type: "select",
      label: "所属菜单",
      options: [
        { title: "菜单管理", value: 1 },
        { title: "权限管理", value: 2 },
        { title: "角色管理", value: 3 },
        { title: "用户管理", value: 4 }
      ]
    },
    {
      field: "time",
      type: "datepicker",
      label: "时间",
      otherOptions: {
        startPlaceholder: "开始时间",
        endPlaceholder: "结束时间",
        type: "daterange"
      }
    }
  ],
  // label宽度
  labelWidth: "100px",
  // 表单项样式
  itemStyle: {
    padding: "10px 30px"
  },
  // 表单布局
  colLayout: {
    xl: 6, // ≥1920px   4个
    lg: 8, // ≥1200px   3个
    md: 12, //≥992px    2个
    sm: 24, // ≥768px   1个
    xs: 24 // <768px    1个
  }
}
